{% extends '../../layout.html' %}
<!-- header-start -->
{% block head %}
{% parent %}

<!--lCalendar.css-->
<link href="/component/lCalendar/lCalendar.css" rel="stylesheet"/>
<!--LArea.css-->
<link href="/component/LArea/LArea.min.css" rel="stylesheet"/>
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
<div class="Account_Manage">
    <div class="flex-box">
        <header>
            <div class="flex-dir-row" style="padding: 0;">
                <div class="return_my_haier" style="width: auto;">
                    <a onclick="window.history.go(-1)">
                        <div class="Return">
                            <img src="/images/icon/left.png"/>
                        </div>
                    </a>
                </div>
                <h3 style="line-height: 35px">个人资料</h3>
                <a href="javascript:void(0)" class="flex-dir-col" style="opacity: 0">
                    <div class="Account_Manage_bar"></div>
                    <div class="Account_Manage_bar"></div>
                    <div class="Account_Manage_bar"></div>
                </a>
            </div>
            <div class="Account_Manage_headerImg">
                <img src="{{ thatData.u_image|default('/images/personal-center/wx_photot.jpg') }}" alt="">
                <span>{{ thatData.u_username }}</span>
            </div>
        </header>
        <main>
            <form class="fields">
                <div class="field">
                    <a href="javascript:void(0)">
                        <div class="Address_List">
                            <div class="Address_List_Left">
                                <div class="flex-between align-center">
                                    <h5>绑定邮箱
                                        <span>
                                            {% if thatData.u_email %}
                                                <img src="/images/icon/symbol.png" alt="">已验证
                                            {% else %}
                                                <img src="/images/icon/re_symbol.png" alt="">未绑定
                                            {% endif %}
                                        </span>
                                    </h5>
                                    <p>{{ thatData.u_email }}</p>
                                </div>
                            </div>
                            {#<div class="Address_List_Right">&gt;</div>#}
                        </div>
                    </a>
                </div>
                <div class="field">
                    <a href="javascript:void(0)">
                        <div class="Address_List">
                            <div class="Address_List_Left">
                                <div class="flex-between align-center">
                                    <h5>绑定手机
                                        <span>
                                            {% if thatData.u_mobile %}
                                                <img src="/images/icon/symbol.png" alt="">已验证
                                            {% else %}
                                                <img src="/images/icon/re_symbol.png" alt="">未绑定
                                            {% endif %}
                                        </span>
                                    </h5>
                                    <p>{{ thatData.u_mobile }}</p>
                                </div>
                            </div>
                            {#<div class="Address_List_Right">&gt;</div>#}
                        </div>
                    </a>
                </div>
                <div class="field">
                    <a href="javascript:void(0)" class="Account_Manage_bgcolor">
                        <div class="Address_List">
                            <div class="Address_List_Left">
                                <div class="flex-between align-center">
                                    <h5>填写一下5项资料即送300海贝</h5>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <section>
                    <div class="field">
                        <a href="javascript:void(0)">
                            <div class="Address_List">
                                <div class="Address_List_Left">
                                    <div class="flex-between align-center">
                                        <h5>
                                            <span class="ml_0">
                                                {% if thatData.u_name %}
                                                    <img src="/images/icon/symbol.png" alt="">
                                                {% else %}
                                                    <img src="/images/icon/re_symbol.png" alt="">
                                                {% endif %}
                                            </span>
                                            真实姓名<sup>*</sup>
                                        </h5>
                                        <p>{{ thatData.u_username }}</p>
                                    </div>
                                </div>
                                {#<div class="Address_List_Right">&gt;</div>#}
                            </div>
                        </a>
                    </div>
                    <div class="field">
                        <a href="javascript:void(0)">
                            <div class="Address_List">
                                <div class="Address_List_Left">
                                    <div class="flex-between align-center">
                                        <h5>
                                            <span class="ml_0">
                                                {% if thatData.u_sex %}
                                                    <img src="/images/icon/symbol.png" alt="">
                                                {% else %}
                                                    <img src="/images/icon/re_symbol.png" alt="">
                                                {% endif %}
                                            </span>
                                            性别<sup>*</sup></h5>
                                        <p>{{ thatData.u_sex }}</p>
                                    </div>
                                </div>
                                {#<div class="Address_List_Right">&gt;</div>#}
                            </div>
                        </a>
                    </div>
                    <div class="field">
                        <a href="javascript:void(0)">
                            <div class="Address_List">
                                <div class="Address_List_Left">
                                    <div class="flex-between align-center">
                                        <h5>
                                            <span class="ml_0">
                                                {% if thatData.u_birthday %}
                                                    <img src="/images/icon/symbol.png" alt="">
                                                {% else %}
                                                    <img src="/images/icon/re_symbol.png" alt="">
                                                {% endif %}
                                            </span>
                                            生日<sup>*</sup></h5>
                                        <p>{{ thatData.u_birthday }}</p>
                                    </div>
                                </div>
                                {#<div class="Address_List_Right">&gt;</div>#}
                            </div>
                        </a>
                    </div>
                    <div class="field">
                        <a href="javascript:void(0)">
                            <div class="Address_List">
                                <div class="Address_List_Left">
                                    <div class="flex-between align-center">
                                        <h5>
                                            <span class="ml_0">
                                                {% if thatData.u_home %}
                                                    <img src="/images/icon/symbol.png" alt="">
                                                {% else %}
                                                    <img src="/images/icon/re_symbol.png" alt="">
                                                {% endif %}
                                            </span>
                                            居住地址<sup>*</sup></h5>
                                        <p>{{ thatData.u_home }}</p>
                                    </div>
                                </div>
                                {#<div class="Address_List_Right">&gt;</div>#}
                            </div>
                        </a>
                    </div>
                    <div class="field">
                        <a href="/address-manage?type=updata">
                            <span class="Address_List">
                                <span class="Address_List_Left">
                                    <span class="flex-between align-center">
                                        <h5>
                                            <span class="ml_0">

                                            </span>
                                            我的地址
                                        </h5>
                                    </span>
                                </span>
                                <span class="Address_List_Right">&gt;</span>
                            </span>
                        </a>
                    </div>
                    {#<div class="field">#}
                        {#<a href="javascript:void(0)">#}
                            {#<div class="Address_List">#}
                                {#<div class="Address_List_Left">#}
                                    {#<div class="flex-between align-center">#}
                                        {#<h5>#}
                                            {#<span class="ml_0"><img src="/images/icon/re_symbol.png" alt=""></span>#}
                                            {#详细地址</h5>#}
                                    {#</div>#}
                                {#</div>#}
                                {#<div class="Address_List_Right">&gt;</div>#}
                            {#</div>#}
                        {#</a>#}
                    {#</div>#}
                </section>
                <div class="field">
                    <a href="javascript:void(0)" class="Account_Manage_bgcolor">
                        <div class="Address_List">
                            <div class="Address_List_Left">
                                <div class="flex-between align-center">
                                    <h5>完善全部信息送500海贝</h5>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div id="login-out" class="Rect_full_btn btn-normal"><h5>退出登录</h5></div>
            </form>
        </main>
    </div>
</div>
{% endblock %}
<!-- body-end -->
<!-- script-start -->
{% block script %}
    <!--lCalendar.js-->
    <script type="text/javascript" src="/component/lCalendar/lCalendar.min.js"></script>
    <!--LArea.js-->
    <script type="text/javascript" src="/component/LArea/LArea.min.js"></script>
    <!--LArea.Date-->
    <script type="text/javascript" src="/component/lCalendar/LAreaData1.js"></script>
    <script type="text/javascript" src="/js/base/app.js"></script>
    <script type="text/javascript">
        $("#login-out").click(function () {
            CommonJs.cookie.del('u_id');
            CommonJs.cookie.del('address');
            CommonJs.cookie.del('default_auto');
            CommonJs.cookie.del('account');
            CommonJs.cookie.del('u_email');
            CommonJs.cookie.del('u_image');
            CommonJs.cookie.del('u_mobile');
            CommonJs.cookie.del('u_name');
            CommonJs.cookie.del('u_nickname');
            CommonJs.cookie.del('u_sex');
            CommonJs.cookie.del('u_username');
            setTimeout(function () {
                window.location.href='/'
            });
        });
    </script>
{% endblock %}
<!-- script-end -->
